<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>集团项目人事-档案管理-辞退人员</title>
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="../../css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="../../css/mend.css"/>
		<!--集团项目人事-->
		<link rel="stylesheet" type="text/css" href="../../css/jtxmrs.css"/>
	</head>
	<body class="logo-c000000 bar-cffffff nav-black nav-vertical" data-class="nav-vertical">
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" checked="checked" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear">
						<li class="active">
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num1"></em><strong>首页</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em><strong>项目接单</strong><i class="icon-down"></i>
							</a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>打回记录</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>已接单项目</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num3"></em><strong>课程列表</strong><i class="icon-down"></i></a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>工程类</strong><i class="icon-down"></i></a>
									<ul class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程安全</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程质量</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程效率</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程进度</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>施工类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>心理类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>教育类</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em><strong>收发邮件</strong>
							</a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num5"></em><strong>个人账户</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num6"></em><strong>图库收集</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num7"></em><strong>个性设计定制</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num8"></em><strong>资源列表</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num9"></em><strong>文件分类</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num10"></em><strong>设置管理</strong></a>
						</li>
					</ul>
					<a class="more-nav-li" href="javascript:">更多</a>
					<div class="nav-features j_outer">
						<i></i>
						<div>
							<p>本月人员数据：</p>
							<p>预约人员：10个</p>
							<p>面试人员：8个</p>
							<p>入职人员：6个</p>
							<p>面试合格：2个</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主导航 结束-->
		<!--内容区 开始-->
		<div id="main_content">
			<div class="main-wrapper-content">
				<div class="breadcrumb">
					<a href="javascript:;">人事管理</a> > 
					<a href="javascript:;">辞退人员</a> 
				</div>
				<div class="sub-nav">
					<ul class="clear">
						<li class="current"><a href="javascript:;">项目经理(12)</a></li>
						<li><a href="javascript:;">分项经理(12)</a></li>
						<li><a href="javascript:;">材料商(12)</a></li>
					</ul>
				</div>
				<div class="search-wrapper">
					<div class="sub-search-wrapper">
						<label class="fl mr5">离职开始时间:</label>
						<input class="fl mr5 w100 inp-text" type="text">
						<label class="fl mr5">离职结束时间:</label>
						<input class="fl mr5 w100 inp-text" type="text">
			            <select class="fl mr5 bor-ceee">
			                <option value="地区">地区</option>
			                <option value="北京">北京</option>
			                <option value="R6">R6</option>
			             </select>
						<div class="fl">
							<input type="text" class="fl search-input" placeholder="姓名、身份证号" />
							<i class="search-img-pannel"></i>
						</div>
						<input type="button" value="确定" class="md-button ml5 fl" />
					</div>
				</div>
				<div class="table-wrapper plr10 pb10">
					<table class="table ColorTable  table_center" width="100%">
						<thead>
							<tr>
								<th width="4%">序号</th>
								<th width="8%">姓名</th>
								<th width="6%">地区</th>
								<th width="8%">入职时间</th>
								<th width="8%">离职时间</th>
								<th width="6%">合同类型</th>
								<th width="6%">工龄</th>
								<th width="8%">专业</th>
								<th width="8%">质保金</th>
								<th width="20%">离职原因</th>
								<th width="10%">质保金返还情况</th>
								<th>离职协议归档</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>鲍家国</td>
								<td>北京</td>
								<td>2016-01-03</td>
								<td>2016-01-03</td>
								<td>个人</td>
								<td>1</td>
								<td>装修</td>
								<td>12600.00</td>
								<td><span title="太菜太菜太菜太菜太菜">太菜太菜太菜太菜太菜</span></td>
								<td>已退还</td>
								<td>
									<a href="javascript:;" class="btnw60 table-btn button-cff8432 mention-btn">提档</a>
								</td>
							</tr>
							<tr>
								<td>1</td>
								<td>鲍家国</td>
								<td>北京</td>
								<td>2016-01-03</td>
								<td>2016-01-03</td>
								<td>个人</td>
								<td>1</td>
								<td>装修</td>
								<td>12600.00</td>
								<td><span title="太菜太菜太菜太菜太菜">太菜太菜太菜太菜太菜</span></td>
								<td>已退还</td>
								<td>
									<a href="javascript:;" class="btnw60 table-btn button-c46a1fe file-btn">归档</a>
								</td>
							</tr>
						</tbody>
					</table>
					
				</div>
			</div>
		</div>
		<!--内容区 结束-->
	</div>
	<!--弹出层 开始-->
	<div class="alertMask"></div>
	<!--归档弹出层 开始-->
	<div class="alertBox" id="mentionAlert">
        <div class="alertTitle">
            <p>提档</p>
            <span class="alertClose close"></span>
        </div>
        <div class="alertCon clear p20" style="overflow: auto;">
			<table class="da_table" width="100%">
				<tr>
					<td width="15%" align="right">档案编号：</td>
					<td width="18%">122222</td>
					<td align="right" width="20%">地区（代号）：</td>
					<td width="18%">V</td>
					<td  width="15%" align="right">档案盒：</td>
					<td>01</td>
				</tr>
				<tr>
					<td align="right">区域：</td>
					<td>一区</td>
					<td align="right">货架位置：</td>
					<td>一区</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td align="right" valign="top">备注：</td>
					<td colspan="5" valign="top">
						水电费水电费多少泛生舒复爽肤水是否
					</td>
				</tr>
			</table>
			<div class="tx_center mt20">
				<div class="dis_il_block">
					<a href="javascript:" class="buttonh26 table-btn button-c46a1fe">确认提档</a>
				</div>
			</div>
		</div>
	</div>
	<div class="alertBox" id="fileAlert">
        <div class="alertTitle">
            <p>归档</p>
            <span class="alertClose close"></span>
        </div>
        <div class="alertCon clear p20" style="overflow: auto;">
			<p class="mb10">电子源文件共<span class="cff6e30">14份</span>/<span class="c46a1fe">20份</span></p>
			<div class="clear">
				<div class="alertLeft fl">
					<table class="table table_center" width="100%">
						<thead>
							<tr>
								<th width="15%">序号</th>
								<th width="40%">资料名称</th>
								<th>页数</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>离职协议</td>
								<td><input type="text" value="2" class="bor-ceee td_pageInp"></td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="alertRight fl">
					<div class="Elescroll" id="slide">
	    				<a href="javascript:" class="scrollBtn uploadPrev"></a>
	    				<div class="EleImgList">
	    					<ul class="scrollUl clear">
	    						<li>
	    							<div class="scroll-li-child">
	    								<img src="../../images/download.png" alt="" data-src="../../images/download.png" data-imgname="1">
		    							<div class="upload_layout_div">
					        				<div class="upload_layout_bg"></div>
					        				<div class="upload_layout_link">
					        					<div class="dis_il_block">
						        					<a href="javascript:" class="enlarge_link" data-src="../../images/download.png" data-imgname="1" data-msg="true"></a>
						        					<a href="javascript:" class="delect_link"></a>
					        					</div>
					        				</div>
					        			</div>
	    							</div>
				        			<p class="lh30 tx_center mt10">1/2</p>
	    						</li>
	    						<li>
	    							<div class="scroll-li-child">
	    								<img src="../../images/download.png" alt="" data-src="../../images/download.png" data-imgname="1">
		    							<div class="upload_layout_div">
					        				<div class="upload_layout_bg"></div>
					        				<div class="upload_layout_link">
					        					<div class="dis_il_block">
						        					<a href="javascript:" class="enlarge_link" data-src="../../images/download.png" data-imgname="1" data-msg="true"></a>
						        					<a href="javascript:" class="delect_link"></a>
					        					</div>
					        				</div>
					        			</div>
	    							</div>
				        			<p class="lh30 tx_center mt10">1/2</p>
	    						</li>
	    					</ul>
	    				</div>
	    				<a href="javascript:" class="scrollBtn uploadNext"></a>
	    			</div>
				</div>
			</div>
			<h2 class="h2-title">档案存放</h2>
			<table class="da_table" width="100%">
				<tr>
					<td width="15%" align="right">档案编号：</td>
					<td width="18%">
						<input type="text" class="bor-ceee" value="12222" />
					</td>
					<td align="right" width="15%">地区（代号）：</td>
					<td width="18%">
						<select class="bor-ceee">
							<option>v</option>
						</select>
					</td>
					<td width="15%" align="right">档案盒：</td>
					<td>
						<select class="bor-ceee">
							<option>01</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right">区域：</td>
					<td>
						<select class="bor-ceee">
							<option>北京</option>
						</select>
					</td>
					<td align="right">货架位置：</td>
					<td>
						<select class="bor-ceee">
							<option>一层</option>
						</select>
					</td>
					<td></td>
					<td></td>
				</tr>
				<tr>
					<td align="right"></td>
					<td colspan="5">
						<span class="cff6e30 bor-ceee">以上区域为系统按照人为设定自动选择的归档位置,如无特殊需要,请不要随意改变。</span>
					</td>
				</tr>
				<tr>
					<td align="right" valign="top">备注：</td>
					<td colspan="5">
						<textarea rows="2" class="bor-ceee percent98"></textarea>
					</td>
				</tr>
			</table>
			<div class="tx_center mt20">
				<div class="dis_il_block">
					<a href="javascript:" class="buttonh26 table-btn button-c46a1fe fl">保存勾选</a>
					<a href="javascript:" class="buttonh26 table-btn button-c46a1fe fl ml5">确认归档</a>
				</div>
			</div>
        </div>
	</div>
	<!--归档弹出层 结束-->
	<!--弹出层 结束-->
	<script src="../../js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="../../js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<!--主导航-->
	<script src="../../js/main.js" type="text/javascript" charset="utf-8"></script>
	
	<script src="../../js/New_jquery.mousewheel.js" type="text/javascript" charset="utf-8">//滚轮滚动缩放</script>
	<script src="../../js/jquery.rotate.min.js" type="text/javascript" charset="utf-8">//图片旋转</script>
	<script src="../../js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script type="text/javascript" src="../../js/jquery.placeholder.1.3.min.js" ></script>
	<script>
		$(function(){
			//折叠导航
			$(".item-info").click(function(){
				if($(".item-detail").css("display")=="none")
				{
					$(".item-detail").slideDown(200);
				}else{
					$(".item-detail").slideUp(200);
				}
			});
			//全选按钮
			rxued.check.allCheck($(".td-checkall"),$(".td-checkbox"),false);
			//点击提档按钮弹出层
			$(".mention-btn").click(function(){
				rxued.alert.jAlert("#mentionAlert",600);
			});

			//点击归档按钮弹出层
			$(".file-btn").click(function(){
				rxued.alert.jAlert("#fileAlert",1000);
			});

			//归档弹出层左右滚动
			rxued.scrolls.doScroll($("#slide"),".scrollUl",".scrollUl li",".uploadPrev",".uploadNext", 1);
			$(".scrollUl li").hover(function(){
				$(this).find(".upload_layout_div").stop(true,true).fadeIn();
			},function(){
				$(this).find(".upload_layout_div").stop(true,true).fadeOut();
			})
			//**************************************图片放大效果开始************************************************************//
	        $(".enlarge_link").each(function (i) {
	            $(this).click(function () {
	                var thisclick = this;
	                var thisId = "preview_" + i;
	                var curId = "CurImg_" + i;
	                //图片放大
	                rxued.images.enSingleLarge(thisclick, thisId, curId);
	                //点击旋转按钮
	                rxued.images.rotateBtnClick(thisId, curId);
	                //关闭图片放大弹出层
	                rxued.images.closeImgAlert(thisId);
	                //1:1
	                rxued.images.oneToone(thisId, curId);
	            })
	        })
        //***************************************图片放大效果结束************************************************************//
	        //点击归档弹出层中行切换图片
	        $(".alertLeft tbody tr").click(function(){
	        	$(".trclick").removeClass("trclick")
	        	$(this).addClass("trclick");
	        })
		})
	</script>
	</body>
</html>
